<?php include_once('header.php');?>
<div class="main-content">
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
			</script>
			<ul class="breadcrumb">
				<li>
					<i class="icon-home home-icon"></i>
					抽奖管理
				</li>
				<li>
					抽奖列表
				</li>
			</ul>
		</div>	
		<div class="page-content">
			<div class="page-header">
				<h1 class="blue"><i class="icon-edit"></i> 抽奖列表</h1>
			</div>
			<div class="visible-md visible-lg hidden-sm hidden-xs btn-group" style="margin-bottom:20px;">
				<form  action="/www/user_code/code_list" method="post">	
				抽奖日期：<input  type="text" class="jcDate" id="create_time" name="create_time" readonly="readonly" value="<?php echo $create_time;?>" style="background: #fff url(/public_source/www/assets/images/dateIco.png) no-repeat right center !important;"/>			
				<label style="padding-left:10px;font-size:13px;">抽奖码：</label>
					<input  type="text" id="code_id" name="code_id" value="<?php echo $code_id;?>"/>					
				状态：<select name="exchange_status" id="exchange_status">
					<option value = '2' <?php if($exchange_status == 2){ echo 'selected = "selected"';}?>>全部</option>
					<option value = '0' <?php if($exchange_status == 0){ echo 'selected = "selected"';}?>>未兑换</option>
					<option value = '1' <?php if($exchange_status == 1){ echo 'selected = "selected"';}?>>已兑换</option>
				</select>
				<a style="padding-left:10px;" id="search">
					<button type="submit" class="btn btn-xs btn-success" style="height:28px;">
						<i class="icon-search nav-search-icon"></i>搜索
					</button>
				</a>
				</form>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="table-header">
						抽奖信息列表
					</div>
					<div class="table-responsive">
						<table id="sample-table-2" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th>id</th>
									<th>手机号码</th>
									<th>抽奖时间</th>
									<th>抽奖码</th>
									<th>中奖状态</th>
									<th>兑换状态</th>
									<th>排序</th>
									<th style="width:200px;">备注</th>
									<th>操作</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th>id</th>
									<th>手机号码</th>
									<th>抽奖时间</th>
									<th>抽奖码</th>
									<th>中奖状态</th>
									<th>兑换状态</th>
									<th>排序</th>
									<th style="width:200px;">备注</th>
									<th>操作</th>
								</tr>					
							</tfoot>
						</table>
					</div><!-- /.table-responsive -->
				</div><!-- /span -->
			</div>
		</div>														
	</div>
<?php include_once('content.php');?>
	<link rel="stylesheet" href="/public_source/www/assets/css/jcDate.css" />
	<link rel="stylesheet" href="/public_source/www/css/insure.css" />
	<script src="/public_source/www/assets/js/jquery.dataTables.min.js"></script>
	<script src="/public_source/www/assets/js/jquery.dataTables.bootstrap.js"></script>
    <script src="/public_source/www/assets/js/jQuery-jcDate.js"></script>
<?php include_once('footer.php');?>		
<script type="text/javascript">
	jQuery(function($) {
		var code_id = $("#code_id").val(); 
		var exchange_status = $("#exchange_status").val();  
		var create_time = $("#create_time").val(); 
		var oTable1 = $('#sample-table-2').dataTable({ 
	        "oLanguage": {
	                "sUrl": "/public_source/www/assets/language/zh_CN.json"
	         },			     	
			"aaSorting": [[ 0, "asc" ]],
			"bAutoWidth": false, 
			"bProcessing": true, //开启读取服务器数据时显示正在加载中……特别是大数据量的时候，开启此功能比较好
            "bServerSide": true, //开启服务器模式，使用服务器端处理配置datatable。注意：sAjaxSource参数也必须被给予为了给datatable源代码来获取所需的数据对于每个画。 这个翻译有点别扭。开启此模式后，你对datatables的每个操作 每页显示多少条记录、下一页、上一页、排序（表头）、搜索，这些都会传给服务器相应的值。 
            "sAjaxSource": "/www/user_code/ajax_code_list?code_id="+code_id+"&exchange_status="+exchange_status+"&create_time="+create_time, //给服务器发请求的url
            "aoColumns": [ //这个属性下的设置会应用到所有列，按顺序没有是空
                {"mData": 'id'}, //mData 表示发请求时候本列的列明，返回的数据中相同下标名字的数据会填充到这一列
                {"mData": 'phone'},
                {"mData": 'create_time'},
                {"mData": 'code_id'},
                {"mData": 'win_status'},
                {"mData": 'exchange_status'},
                {"mData": 'order_id'},
                {"mData": 'remark'},
                {"mData": 'operate'},
            ],
            "aoColumnDefs": [//和aoColums类似，但他可以给指定列附近爱属性
               {"bSortable": false, "aTargets": [4,7,8]}, //这句话意思是第1,3,6,7,8,9列（从0开始算） 不能排序
         ],
       	"fnInitComplete": function(oSettings, json) {
 	      		$('.intro').hover(function(){ 
 	      			$('.ser_intro',this).stop().show();
 	      		},function(){
 	      			$('.ser_intro',this).stop().hide();	
 	      		});	
         	}
         });							
		$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
		function tooltip_placement(context, source) {
			var $source = $(source);
			var $parent = $source.closest('table')
			var off1 = $parent.offset();
			var w1 = $parent.width();	
			var off2 = $source.offset();
			var w2 = $source.width();
			if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
			return 'left';
		}
	});
</script>
<script type="text/javascript">
	$(function (){
		$("input.jcDate").jcDate({					       
			IcoClass : "jcDateIco",
			Event : "click",
			Speed : 100,
			Left : 0,
			Top : 28,
			format : "-",
			Timeout : 100
		});
	});
</script>	
<style>
	#sample-table-2_filter {
		display:none;
	}
</style>